<template>
  <new-tab />
</template>

<script>
  import NewTab from '@/components/NewTab.vue'

  export default {
    name: 'App-2',
    components: {
      NewTab
    },
    mounted() {
      (function () {
        var coreSocialistValues = ["九转玄功", "天地玄功", "混元玄功", "紫府仙经", "钟吕宝典", "上清仙经", "禹余天章", "兜率天章", "混元宝篆",
            "纯阳丹经", "太清丹经", "洞玄天经", "上洞仙经", "大赤宝典", "天仙玉简", "地仙金卷", "大妖法典", "屠天魔典", "奇门宝典", "遁甲天书",
            "三丰丹经", "紫阳天书", "天师符经", "离尘仙经", "度难医经", "度厄仙经", "百毒真经", "五行秘典", "太阴尸经", "玄阴鬼篆", "酿酒奇书",
            "素女偷元", "采阳仙经", "异相归元", "内景朝元", "辟邪元宗", "洞玄仙篆", "金阙天章", "阴阳要术", "太阴鬼典", "养魔大典", "尸煞鬼经",
            "炼血真经", "阴阳秘籍", "混世魔经", "天魔真经", "无相血魔经", "灭生魔典", "黄泉魔经", "无量魔典", "枯骨魔经", "泣血魔经", "养魔大典",
            "百魔真经", "天妖大法", "赤雀丹书", "天仙内景经", "玉清金仙决", "合欢极乐经", "九幽炼狱魔经", "大品天仙宝经", "九天玄女经", "天仙炼魔秘籍",
            "太初东华玉书", "玄都灭魔宝篆", "元始金玉良言", "东华帝府阆苑仙经", "玄天真武荡魔大典", "上清灵宝度厄得道宝录", "天上地下超脱轮回不老不死宝卷",
            "天府玄微通真度人仙经", "无量虚空神照法典", "上清聚玄星枢秘授符经", "古佛禅经", "大日如来炼魔经", "观音救苦经", "大舍利真经", "弥陀劝善经", "地藏度鬼经",
            "罗汉宝典", "降龙天音禅经", "老僧参禅经", "金刚伏魔宝经", "羽化登仙经", "异相归元经", "炼佛伏仙妖典", "百妖吐纳宝录", "大禅真经", "菩提真经",
            "大舍利真经", "地藏度鬼经", "金身罗汉经", "无量魔典", "天妖经", "金刚伏魔经", "百鬼真经", "合玄奇书", "地仙奇书", "大魔真经", "欢喜禅经",
            "古佛真经", "古仙镇魔大典", "合欢经", "广成灭魔经", "广成金仙宝章", "五行道书", "少阳宝典", "天府金仙宝篆", "天宫秘籍", "灭世魔经", "玉皇大帝真敕",
            "混元天仙经", "天仙宝录", "太乙符箓宝典", "太乙筑基图", "观音救世经", "玉清天仙宝经", "玄阴鬼篆", "太阴尸经", "古仙奇书", "金童奇书", "太乙仙书",
            "太乙救苦大典", "广成妙法经", "宿土秘葬经", "御女调和术", "三茅符咒", "九天荡魔大典", "天仙吐纳秘籍", "神僧灭魔宝经", "河车搬运法", "神龟吐纳术", "仙鹤吐纳术",
            "采气归元法", "金童吐纳术", "素女吐纳术", "养真存神法", "辟谷练气术", "天元导引术", "餐霞吐纳术", "如意归元术", "龙虎调和术", "灵龟神算法", "大衍神算术",
            "天心问路法", "避死神算术", "采元练气决", "青木长春决", "厚土归元诀", "不朽金身决", "丙土呼吸术", "三光吐纳术", "天河神水决", "天雷炼宝术", "九转炼丹法",
            "七返炼丹术", "法宝攒炼术", "炼宝如意术", "金仙吐纳归真术", "五行归元吐纳术", "天仙朝元决", "内景归宗决", "金仙要旨秘法", "太乙天仙决", "大品金仙决", "归真吐纳术",
            "离火吐纳术", "天仙不老决", "周天金仙决", "龙虎吐纳术", "坎离天仙决", "九品金仙决", "举霞吐纳术", "太玄呼吸术", "休粮导引术", "纯阳天仙决", "地仙吐纳术",
            "地阙吐纳宝书", "大地归真秘籍", "金仙吐纳丹书", "混元天仙妙决", "灵龟丹书", "丹凤奇书", "白鹤神书", "神仙宝录", "万法归一宝卷", "丙火金仙决", "甲木归真决",
            "乙木吐纳术", "黄芽天仙决", "白雪归元术", "老龟存神法", "混元无极宝章", "六品天仙决", "地仙养真术", "天仙养真决", "三品地仙决", "离尘归真决", "上品登仙决",
            "天仙脱尘决", "玄武吐纳术", "天仙不老归宗决", "天地阵法玄微要术", "天地奇门遁甲布阵法", "九天度劫长生不死玄功", "周天无量通微玄功", "混元金仙决", "紫府金仙决", "天仙离尘决",
            "混元无极无量劈地开天太上度厄离尘归宗朝圣大品清净妙无不朽不灭鸿蒙玄功", "神元天仙妙决", "万法归一神决", "丙火金仙决", "甲木归真决", "乙木吐纳木", "金龙天仙决", "白雪归元决",
            "混元无极宝章", "六品天仙决", "三品地仙决", "离尘归真决", "上品登仙决", "天仙脱尘决", "玄武吐纳术", "混元金仙决", "紫府金仙决", "采元练气决", "青木长春决",
            "厚土归元决", "不朽金身决", "三光吐纳术", "天河神水决", "九转炼丹法", "七反炼丹术", "金仙吐纳归真术", "五行归元吐纳术", "天仙朝元决"
          ],
          index = Math.floor(Math.random() * coreSocialistValues.length);
        document.body.addEventListener('click', function (e) {
          if (e.target.tagName == 'A') {
            return;
          }
          var x = e.pageX,
            y = e.pageY,
            span = document.createElement('span');
          span.textContent = coreSocialistValues[index];
          index = (index + 1) % coreSocialistValues.length;
          span.style.cssText = ['z-index: 9999999; position: absolute; font-weight: bold; color: #ff6651; top: ',
            y - 20, 'px; left: ', x, 'px;'
          ].join('');
          document.body.appendChild(span);
          animate(span);
        });

        function animate(el) {
          var i = 0,
            top = parseInt(el.style.top),
            id = setInterval(frame, 30);

          function frame() {
            if (i > 180) {
              clearInterval(id);
              el.parentNode.removeChild(el);
            } else {
              i += 2;
              el.style.top = top - i + 'px';
              el.style.opacity = (180 - i) / 180;
            }
          }
        }
      }());

    }
  }
</script>

<style>
  html {
    width: 100%;
    height: 100%;
  }

  body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
  }
</style>
